﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="TenSevenNine.Web.Templates.ProjectItem._default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script>
// execute your scripts when the DOM is ready. this is mostly a good habit
    $(function() {
        // initialize scrollable
        $(".scrollable").scrollable(
            {
                onSeek: function() {
                    $("#currentItem").html(api.getIndex()+1)
                }
                , speed: 1000, circular: true
            }
            ).autoscroll({ autoplay: true }, 5000); ;
        var api = $(".scrollable").data("scrollable");
        $("#itemTotal").html(api.getSize())
    });
</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PhRcol" runat="server">
<div id="Lcol">
    <h1><acms:PostDisplayName runat="server"/></h1>
    <acms:HtmlContentControlDisplay runat="server" ControlName="Copy" />
    <asp:HyperLink runat="server" ID="lnkWebsite" CssClass="siteLink" Target="_blank" Text="View site" Visible="false" />
    
</div>
<div id="Rcol">
    <div id="ScollableControls">
        <a class="prev browse left"><</a>
        <span id="currentItem">1</span>&nbsp/&nbsp<span id="itemTotal"></span>
        <a class="next browse right">></a>
    </div>    
    <div class="scrollable">
        <div class="items">
            <acms:SimpleRepeater ID="dlFeed" DataSourceID="dsChildren" AllowPaging="false" runat="server">
                    <ItemTemplate>
                        <div>
                            <acms:ImageContentControlDisplay ControlName="Image" runat="server" />
                            </div>               
                    </ItemTemplate>
                </acms:SimpleRepeater>
            <acms:PostDataSource ID="dsChildren" runat="server" />
        </div>
    </div>
</div>


</asp:Content>
